<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
  <el-button @click="addCount">count is: {{ count }}</el-button>
  <SvgIcon iconClass="bug" size="32" />
</template>
<script setup lang="ts">
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import { computed } from 'vue';
import HelloWorld from 'comps/HelloWorld.vue';
import { useStore } from 'store/index';
const store = useStore();
const count: any = computed({
  get() {
    return store.state.count;
  },
  set(value) {
    store.commit('increment', value);
  },
});
function addCount() {
  count.value += 1;
}
</script>
<style></style>
